html,body,img{ width: 100%; height: 100%; margin:0; padding: 0;}
img{ display: block;}
ul{ margin:0; padding:0;}
li{ list-style: none;}
em{ font-style: normal;}

 .box{position:relative;height: 100%;  width:100%; overflow:hidden; }
 span{ width:30px; height:40px;  position:absolute; top:50%; margin-top:-20px; z-index: 2;}
 .left{ left:20px;}
 .right{ right:20px;}
 .lunbo{ position: fixed; bottom:0; z-index: 2; background: rgba(0,0,0,.8); overflow: hidden; width: 100%;  padding: 10px 5px;}
 ol{position: relative; bottom: 0; font-size: 0; width: 100000%; padding:0; z-index: 3;}
 ol li{ width: 150px; height: 100px; margin-right: 5px; float: left; border:2px solid transparent;}
 ol .current{ border:2px solid yellowgreen;}
 em{ width:20px; height:30px;  position:absolute; top:50%; margin-top:-20px; z-index: 4;}
 .smallLeft{ left:20px;}
 .smallRight{ right:20px;}
 ul{ position:absolute; width:100000%; left:0;} 
 ul li{ float:left; width: 100%; height: 100%;}
 ul li img{ width: 100%;}
